<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 数组的增删改查
      var colors = ["red", "green"];

      // 如何向数组追加元素
      colors[2] = "pink";
      colors[3] = "blue";
      console.log(colors);

      // 如何修改数组当中的元素
      colors[1] = "小明";
      console.log(colors);

      // 如何获取数组当中的某一个元素
      console.log(colors[0]);
      var item = colors[2];
      console.log(item);

      // 删除元素
      // colors[1] = null; // 这不叫做 删除
      // splice(从哪个索引开始删除,删除几个元素)
      colors.splice(1, 2);
      console.log(colors);
    </script>
  </body>
</html>
